/* ::::: [internal] ::::: */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide { display: none ! important; }
/* ::::: https://static11.elemecdn.com/eleme/desktop/vendor.5c8ce9.css ::::: */

.dialog { position: fixed; background-color: rgb(255, 255, 255); padding: 30px 40px; }
.dialog-close { position: absolute; top: 10px; right: 10px; padding: 8px; cursor: pointer; color: rgb(204, 204, 204); font-size: 12px; }
html { color: rgb(51, 51, 51); background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-rendering: optimizelegibility; box-sizing: border-box; }
*, *::after, *::before { box-sizing: inherit; }
article, aside, blockquote, body, button, code, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0px; padding: 0px; }
article, aside, details, figcaption, figure, footer, header, iframe, menu, nav, section { display: block; }
body, button, input, select, textarea { font: 400 1em/1.5 PingFang SC,Lantinghei SC,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans; }
button, input { line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0px; border: 0px none; }
fieldset, img { border: 0px none; }
@media only screen and (max-width: 640px) {
}
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
ol, ul { list-style: outside none none; }
a { color: rgb(0, 137, 220); }
a.inherit { color: inherit; }
a, ins { text-decoration: none; }
.clearfix::after { content: ""; display: table; height: 0px; clear: both; }
.serif { font-family: Palatino,Optima,Georgia,serif; }
h1, h2, h3, h4, h5, h6 { font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans; font-weight: 400; }
@font-face {
  font-family: "eleme";
  font-style: normal;
  font-weight: 400;
  src: local("☺︎"), url("eleme.a61c32.woff") format("woff"), url("eleme.8e5aeb.ttf") format("truetype"), url("eleme.94ccdd.svg") format("svg");
}
[class*=" icon-"], [class^="icon-"] { font-family: eleme; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; }
.icon-arrow-down::before { content: ""; }
.icon-arrow-up::before { content: ""; }
.icon-cart::before { content: ""; }
.icon-close::before { content: ""; }
.icon-favorite::before { content: ""; }
.icon-gift::before { content: ""; }
.icon-location::before { content: ""; }
.icon-logo::before { content: ""; }
.icon-logout::before { content: ""; }
.icon-mobile::before { content: ""; }
.icon-notice::before { content: ""; }
.icon-order::before { content: ""; }
.icon-profile::before { content: ""; }
.icon-QR-code::before { content: ""; }
.icon-qrcode::before { content: ""; }
.icon-search::before { content: ""; }
.icon-service::before { content: ""; }
.icon-setting::before { content: ""; }
.icon-star-bad::before { content: ""; }
.icon-star-good::before { content: ""; }
.icon-star-rate::before { content: ""; }
.icon-star::before { content: ""; }
.icon-top::before { content: ""; }
.icon-visit-history::before { content: ""; }
.icon-wechat::before { content: ""; }
.icon-weibo::before { content: ""; }
body { background: rgb(247, 247, 247) none repeat scroll 0% 0%; padding-right: 35px; }
body.hidesidebar { padding-right: 0px; }
.container { font-size: 14px; width: 960px; margin: 0px auto; }
@media (min-width: 1260px) {
  .container, body.hidesidebar .container { width: 1180px; }
}
.color-stress { color: rgb(247, 67, 66); }
.color-mute { color: rgb(153, 153, 153); }
[class*=" btn-"], [class^="btn-"] { display: inline-block; padding: 8px 17px; line-height: 1; border: medium none; border-radius: 2px; outline: 0px none; cursor: pointer; font-size: 14px; text-align: center; }
.btn-lg { padding: 12px 30px; font-size: 16px; }
.btn-primary { background-color: rgb(0, 137, 220); color: rgb(255, 255, 255); }
.btn-primary:hover { background-color: rgb(0, 116, 183); }
.btn-block { width: 100%; }
.dropbox { color: rgb(153, 153, 153); position: absolute; background: rgba(255, 255, 255, 0.98) none repeat scroll 0% 0%; padding: 4px 6px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); z-index: 6; }
.dropbox::before { content: " "; border: 5px solid rgb(255, 255, 255); display: block; position: absolute; top: -10px; }
.dropbox.dropbox-bottom::before { top: auto; bottom: -10px; }
:root .dropbox {  }
.footer-contect-item [class^="icon-"]:hover, .footer-contect-item > a:hover { text-decoration: none; }
.footer { background-color: rgb(247, 247, 247); margin-top: 50px; border-top: 1px solid rgb(238, 238, 238); }
.footer-contect, .footer-link, .footer-mobile { float: left; width: 15%; margin-top: 30px; }
.footer-mobile { float: right; }
.footer-link-title { font-size: 14px; line-height: 30px; }
.footer-contect-item, .footer-link-item { color: rgb(153, 153, 153); display: block; line-height: 24px; }
.footer-link-item { width: 50%; font-size: 12px; }
.footer-contect { padding-left: 3%; border-left: 1px solid rgb(230, 230, 230); width: 23%; padding-right: 10px; }
.footer-contect-item { margin-bottom: 12px; color: rgb(102, 102, 102); font-size: 14px; }
.footer-contect-item [class^="icon-"] { cursor: pointer; position: relative; margin-left: 10px; display: inline-block; }
.footer-contect-item [class^="icon-"]::before { font-size: 24px; color: rgb(204, 204, 204); vertical-align: middle; }
.footer-contect-item .icon-wechat { margin-left: 5px; }
.footer-contect-item .icon-wechat .dropbox { display: none; }
.footer-contect-item .icon-wechat:hover::before { color: rgb(119, 209, 117); }
.footer-contect-item .icon-wechat:hover .dropbox { display: block; }
.footer-contect-item .icon-weibo:hover::before { color: rgb(251, 84, 95); }
.footer-contect-dropbox { bottom: 30px; left: -60px; text-align: center; }
.footer-contect-dropbox img { width: 130px; height: 130px; }
.footer-contect-dropbox::before { left: 65px; border-color: rgb(255, 255, 255) transparent transparent; z-index: 2; }
.footer-contect-dropbox::after { content: ""; position: absolute; left: 65px; bottom: -11px; border-width: 5px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgb(204, 204, 204) transparent transparent; z-index: 1; }
.footer-mobile { width: 265px; }
.footer-mobile-icon { width: 90px; height: 90px; margin-right: 20px; float: left; }
.footer-mobile-content { margin-top: 20px; margin-left: 90px; }
.footer-mobile-content h3 { font-size: 16px; color: rgb(51, 51, 51); font-weight: 700; line-height: 30px; }
.footer-mobile-content p { font-size: 12px; color: rgb(102, 102, 102); margin: 3px 0px 10px; }
.footer-copyright { font-size: 12px; clear: both; padding-top: 60px; color: rgb(153, 153, 153); text-align: center; }
.footer-copyright a { color: inherit; }
.footer-copyright a:hover { color: rgb(51, 51, 51); text-decoration: underline; }
.footer-police { padding: 0.5em 0px; text-align: center; }
.loading, .loading img { vertical-align: middle; }
.loading { font-size: 14px; color: rgb(153, 153, 153); line-height: 150px; text-align: center; }
.loading img { margin-top: -2px; margin-right: 10px; width: 86px; }
@media not all, all and (min-resolution: 2dppx) {
}
.starrating span::before, .starrating::before { content: ""; }
.starrating { position: relative; display: inline-block; line-height: 1em; color: rgb(204, 204, 204); }
.starrating span { position: absolute; top: 0px; left: 0px; overflow: hidden; color: rgb(255, 195, 12); white-space: nowrap; }
.rate-name, .rate-star a, .rate-star-text { vertical-align: middle; }
.rate-star a { color: rgb(238, 237, 237); font-size: 22px; }
.rate-star.star a { font-size: 27px; }
.rate-star.readonly a { cursor: default; }
.rate-star.level1 .active, .rate-star.level2 .active { color: rgb(163, 166, 175); }
.rate-star.level3 .active { color: rgb(243, 181, 24); }
.rate-star.level4 .active, .rate-star.level4 .rate-text { color: rgb(241, 139, 27); }
.rate-star.level5 .active, .rate-star.level5 .rate-text { color: rgb(235, 102, 67); }
.rate-star-text { margin-left: 16px; line-height: 27px; color: rgb(153, 153, 153); }
.rate-content { position: relative; margin-top: 14px; padding: 10px 12px; width: 340px; background-color: rgb(247, 247, 247); border: 1px solid rgb(238, 238, 238); border-radius: 2px; font-size: 12px; word-break: break-all; }
.rate-content.simple, .rate-content.text { background-color: rgb(255, 255, 255); }
.rate-content::after, .rate-content::before { position: absolute; left: 20px; content: ""; border: 10px solid; }
.rate-content::before { top: -18px; border-color: transparent transparent rgb(247, 247, 247); z-index: 2; }
.rate-content::after { top: -20px; border-color: transparent transparent rgb(238, 238, 238); z-index: 1; }
.rate-content.simple { padding: 0px; }
.rate-content.simple textarea { padding-top: 6px; padding-bottom: 6px; height: 30px; border: medium none; }
.rate-content.simple::before, .rate-content.text::before { border-bottom-color: rgb(255, 255, 255); }
.rate-content textarea, .rate-content-text { border: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); }
.rate-content textarea { padding: 10px; width: 100%; height: 50px; color: rgb(153, 153, 153); resize: none; outline: 0px none; vertical-align: top; }
@media (min-width: 1260px) {
}
.sidebar { position: fixed; top: 0px; bottom: 0px; right: -295px; background-color: rgb(80, 77, 83); width: 330px; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; z-index: 7; }
.toolbar-btn, .toolbar-cartbtn { position: relative; display: block; cursor: pointer; text-align: center; }
.sidebar-tabs { float: left; width: 35px; height: 100%; }
.toolbar-btn { width: 35px; line-height: 35px; color: rgb(204, 204, 204); margin: 5px 0px; }
.toolbar-btn::before { font-size: 20px; }
.toolbar-btn.focus, .toolbar-btn:focus, .toolbar-btn:hover { color: rgb(255, 255, 255); background-color: rgb(38, 162, 255); outline: 0px none; }
.toolbar-btn.focus .toolbar-tabs-dropbox, .toolbar-btn:focus .toolbar-tabs-dropbox, .toolbar-btn:hover .toolbar-tabs-dropbox { display: block; }
.toolbar-btn.focus .toolbar-tabs-dropbox::before, .toolbar-btn:focus .toolbar-tabs-dropbox::before, .toolbar-btn:hover .toolbar-tabs-dropbox::before { border-color: rgb(38, 162, 255) rgb(38, 162, 255) rgb(38, 162, 255) rgb(255, 255, 255); }
.toolbar-btn.focus::before, .toolbar-btn:focus::before, .toolbar-btn:hover::before { color: rgb(255, 255, 255); }
.toolbar-separator { font-size: 1px; border-top: 1px solid rgb(115, 112, 116); height: 0px; margin: 0px 8px; }
.toolbar-cartbtn { color: rgb(204, 204, 204); line-height: 16px; padding: 7px 8px 10px; margin-bottom: 8px; margin-top: 8px; font-size: 14px; font-weight: 700; }
.toolbar-cartbtn::before { font-size: 20px; margin-bottom: 5px; display: block; font-weight: 400; }
.toolbar-cartbtn.focus, .toolbar-cartbtn:focus, .toolbar-cartbtn:hover { color: rgb(255, 255, 255); outline: 0px none; background-color: rgb(38, 162, 255); }
.toolbar-cartbtn.focus::before, .toolbar-cartbtn:focus::before, .toolbar-cartbtn:hover::before { color: rgb(255, 255, 255); }
.sidebar-content { margin-left: 35px; height: 100%; width: 295px; overflow: auto; background-color: rgb(230, 230, 230); }
.toolbar-tabs-middle { position: absolute; width: 35px; top: 50%; margin-top: -220px; }
.toolbar-tabs-bottom { bottom: 10px; position: absolute; }
.sidebar-btn-backtop, .toolbar-tabs-bottom .icon-QR-code { position: relative; }
.toolbar-tabs-dropbox { right: 35px; top: -150px; line-height: 24px; display: none; z-index: 9; }
.toolbar-tabs-dropbox::before { right: -10px; top: 165px; border-color: rgb(100, 96, 105) rgb(100, 96, 105) rgb(100, 96, 105) rgb(255, 255, 255); }
.toolbar-tabs-dropbox img { width: 130px; height: 130px; }
.toolbar-tabs-dropbox .icon-QR-code-bonus { padding: 5px; color: rgb(255, 102, 51); font-size: 12px; }
@media (max-height: 520px) {
  .toolbar-btn { display: none; }
  .sidebar-btn-backtop { display: block; }
  .toolbar-cartbtn { margin-top: 90px; }
}
.topbar { display: block; line-height: 60px; background-color: rgb(30, 137, 224); }
.shoptopbar { position: absolute; width: 100%; line-height: 48px; background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); }
.shoptopbar .topbar-nav { color: rgb(204, 204, 204); }
.shoptopbar .topbar-item:hover { background-color: rgba(0, 0, 0, 0.1); }
.shoptopbar .topbar-logo { width: 90px; }
.shoptopbar .topbar-logo::before { font-size: 28px; }
.topbar-item, .topbar-logo, .topbar-nav-link { float: left; }
.topbar-logo { width: 105px; margin-right: 30px; line-height: inherit; }
.topbar-logo span { display: block; height: 0px; overflow: hidden; text-indent: -900em; }
.topbar-logo::before { color: rgb(255, 255, 255); font-size: 32px; vertical-align: top; }
.topbar-item { font-size: 16px; position: relative; color: rgb(255, 255, 255); width: 104px; text-align: center; }
.topbar-item.cooperation { display: none; }
.topbar-item:hover { background: rgb(12, 119, 209) none repeat scroll 0% 0%; }
.topbar-item:active, .topbar-item:focus { background: rgb(0, 107, 199) none repeat scroll 0% 0%; outline: 0px none; }
.topbar-item.topbar-homepage { width: 112px ! important; }
@media (min-width: 1260px) {
  .topbar-item { width: 134px; }
  .topbar-item.cooperation { display: block; }
}
.topbar-nav { float: right; width: 504px; color: rgb(210, 231, 249); }
.topbar-nav-link { padding: 0px 10px; width: 106px; color: inherit; position: relative; cursor: pointer; }
.topbar-nav-link:last-child { margin-right: 20px; }
.topbar-nav-link.focus, .topbar-nav-link:active, .topbar-nav-link:focus, .topbar-nav-link:hover { color: rgb(255, 255, 255); }
.topbar-nav-link .topbar-mobile-dropbox { top: 100%; margin-top: -5px; cursor: auto; display: none; width: 200px; left: 7px; line-height: 40px; color: rgb(51, 51, 51); font-size: 16px; font-weight: 700; padding: 3px 10px; }
.topbar-nav-link .topbar-mobile-dropbox::before { border-color: transparent transparent rgb(255, 255, 255); right: auto; left: 9px; }
.topbar-nav-link:hover .topbar-mobile-dropbox { display: block; }
.topbar-nav-icon::before { margin-right: 5px; display: inline-block; vertical-align: middle; font-size: 22px; }
.topbar-nav-qrcode { width: 100%; }
.topbar-profilebox { float: right; color: rgb(255, 255, 255); }
.topbar-profilebox > span > a { color: rgb(255, 255, 255); }
.topbar-profilebox-avatar { display: inline-block; height: 26px; width: 26px; font-size: 22px; vertical-align: middle; border-radius: 50%; }
.topbar-profilebox-username { display: inline-block; font-size: 14px; width: 80px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; }
:root .topbar-profilebox-username { width: auto; }
.topbar-profilebox-wrapper { display: inline-block; position: relative; cursor: default; }
.topbar-profilebox-wrapper:hover .topbar-profilebox-dropbox { display: block; }
.shoptopbar .topbar-profilebox-btn { color: rgb(204, 204, 204); background-color: rgba(0, 0, 0, 0.1); }
.topbar-profilebox-btn { position: relative; color: rgb(213, 239, 255); margin-left: 8px; margin-right: 3px; cursor: pointer; background: rgb(68, 155, 229) none repeat scroll 0% 0%; border-radius: 3px; text-align: center; font-size: 20px; vertical-align: middle; }
.topbar-profilebox-dropbox { width: 122px; top: 100%; right: 0px; margin-top: -8px; display: none; }
.topbar-profilebox-dropbox::before { border-color: transparent transparent rgb(255, 255, 255); right: 8px; }
.topbar-profilebox-dropbox a { display: block; line-height: 32px; padding: 0px 15px; color: rgb(102, 102, 102); }
.topbar-profilebox-dropbox a::before { position: relative; top: 1px; left: -3px; color: rgb(153, 153, 153); }
.topbar-profilebox-dropbox a.icon-logout { border-top: 1px solid rgb(238, 238, 238); }
.topbar-profilebox-dropbox a:hover { background: rgb(241, 241, 241) none repeat scroll 0% 0%; }
/* ::::: https://static11.elemecdn.com/eleme/desktop/main.2f1585.css ::::: */

@media not all, (min-resolution: 2dppx) {
}
@media not all, (min-resolution: 2dppx) {
}
@media (min-width: 1260px) {
}
@media not all, (min-resolution: 2dppx) {
}
@media not all, (min-resolution: 2dppx) {
}
@media (min-width: 1260px) {
}
@media (min-width: 1260px) {
}
.place-search [for="globalsearch"], .searchbox { display: none; }
.place-search { float: right; margin: 10px 0px; height: 32px; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; z-index: 3; }
.place-search-btn, .place-search-input { padding: 0px 8px; margin: 4px 0px; line-height: 24px; }
.place-search-input { width: 236px; border: 0px none; outline: 0px none; transition: width 0.3s ease-in-out 0s; }
.place-search-input:focus { width: 306px; }
.place-search-btn { float: right; width: 46px; text-align: center; color: rgb(153, 153, 153); font-size: 20px; cursor: pointer; border: medium none; outline: 0px none; background-color: transparent; }
.place-search-btn:hover { color: rgb(0, 137, 220); }
@media (min-width: 1260px) {
}
.commentitem { padding: 20px 0px; margin-left: 130px; position: relative; border-bottom: 1px solid rgb(238, 238, 238); min-height: 100px; }
.commentitem:last-child { border-bottom: medium none; }
.commentitem-stars { display: inline-block; margin-right: 10px; vertical-align: top; }
.commentitem-stars .rate-star-text { margin-left: 3px; line-height: normal; }
.commentitem-stars a { font-size: 16px ! important; }
.commentitem-time { vertical-align: middle; color: rgb(153, 153, 153); }
.commentitem-avatar { position: absolute; left: -130px; width: 130px; text-align: center; }
.commentitem-avatar img { width: 60px; height: 60px; border-radius: 50%; }
.commentitem-username { margin-bottom: 5px; }
.commentitem-date { position: absolute; top: 28px; right: 0px; font-size: 12px; color: rgb(153, 153, 153); }
.commentitem-text { margin-top: 10px; }
.commentitem-main { margin-bottom: 20px; }
.shoprate-itemratinglist { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid rgb(247, 247, 247); }
.shoprate-itemratinglist-text { line-height: 2.5; color: rgb(153, 153, 153); }
.shopbulletin-section { margin-bottom: 20px; border-radius: 2px 2px 0px 0px; background-color: rgb(255, 255, 255); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12); }
.shopbulletin-section-title { padding: 0px 1em; line-height: 2.8em; background-color: rgb(0, 137, 220); color: rgb(255, 255, 255); }
.shopbulletin-content { padding: 10px 15px; line-height: 2; }
.shopbulletin-supports { padding: 0px 15px; overflow: hidden; }
.shopbulletin-delivery { padding: 10px 15px; background-color: rgb(245, 245, 245); }
.shopbulletin-delivery h4 { font-weight: 700; }
.shopcomplaint { display: block; line-height: 3; text-align: center; font-size: 18px; color: rgb(102, 102, 102); border-top: 1px solid rgb(238, 238, 238); }
.shopcomplaint-textarea { border: 1px solid rgb(204, 204, 204); outline: 0px none; margin-top: 10px; padding: 10px; }
.shopcomplaint-textarea:focus { border-color: rgb(0, 137, 220); }
.shopguide-info h1, .shopguide-tip { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.shopguide { background: transparent url("shop-bg.0391dd.jpg") no-repeat scroll 0% 0% / cover ; padding-top: 48px; }
.shopguide .container { position: relative; display: table; height: 142px; }
.shopguide-info { position: relative; display: table-cell; vertical-align: middle; color: rgb(255, 255, 255); z-index: 1; }
.shopguide-info h1, .shopguide-info-wrapper, .shopguide-tip { display: inline-block; vertical-align: middle; }
.shopguide-info h1 { font-size: 20px; max-width: 270px; }
.shopguide-info > img { margin-right: 15px; width: 95px; height: 95px; border-radius: 50%; border: 4px solid rgba(255, 255, 255, 0.3); vertical-align: middle; }
.shopguide-info:hover .shopguide-info-extra { max-height: 900px; opacity: 1; }
.shopguide-info-rate { margin: 10px 0px; }
.shopguide-info-rate a { color: rgb(255, 255, 255); }
:root .shopguide-info-extra { background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%; }
.shopguide-info-extra { position: absolute; top: 0px; left: 0px; z-index: -1; padding-top: 142px; width: 100%; max-height: 0px; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); opacity: 0; transition: opacity 0.1s ease-in-out 0s, max-height 0.4s ease-in-out 0s; }
.shopguide-info-extra > ul { padding: 0px 20px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); }
.shopguide-extra-item { padding: 15px 0px; border-top: 1px dashed rgb(238, 238, 238); color: rgb(102, 102, 102); }
.shopguide-extra-item:first-child { border-top: medium none; }
.shopguide-extra-item .label { margin-left: -5em; }
.shopguide-extra-item.address p { margin-left: 5em; }
.shopguide-extra-compete { display: table; width: 100%; font-size: 12px; }
.shopguide-extra-compete > div { position: relative; display: table-cell; text-align: center; vertical-align: middle; }
.shopguide-extra-compete > div:first-child { border-right: 1px solid rgb(238, 238, 238); }
.shopguide-extra-compete > div + div { line-height: 2; }
.shopguide-extra-compete h2 { font-size: 28px; }
.shopguide-extra-delivery { margin-bottom: 10px; }
.shopguide-extra-delivery span { color: rgb(0, 137, 220); margin: 0px 5px; }
.shopguide-server { display: table-cell; padding-right: 100px; vertical-align: middle; color: rgb(255, 255, 255); text-align: right; width: 490px; }
.shopguide-server > span { display: inline-block; margin-left: 80px; vertical-align: top; text-align: center; }
.shopguide-server > span:first-child { margin-left: 0px; }
.shopguide-favor { position: absolute; top: 0px; right: 0px; padding: 10px 5px; width: 80px; text-align: center; background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%; border-radius: 0px 0px 5px 5px; color: rgb(238, 238, 238); }
.shopguide-favor i { font-size: 20px; }
.shopguide-favor span { display: block; }
@media (min-width: 1260px) {
  .shopguide-server { width: 700px; }
}
.shopguide-server-value { display: block; margin-top: 12px; margin-bottom: 3px; font-size: 18px; }
@media (min-width: 1260px) {
}
@media (min-width: 1500px) {
}
.shopnav { line-height: 57px; background-color: rgb(255, 255, 255); }
.shopnav-left { float: left; width: 75%; }
.shopnav-tab { position: relative; display: inline-block; vertical-align: middle; color: rgb(51, 51, 51); font-size: 16px; width: 102px; text-align: center; }
.shopnav-tab + .shopnav-tab::before, .shopnav-tab.active::after { content: ""; position: absolute; left: 0px; }
@media (min-width: 1260px) {
  .shopnav-tab { width: 112px; }
}
.shopnav-tab.active { color: rgb(0, 137, 220); }
.shopnav-tab.active::after { right: 0px; bottom: 0px; border-top: 3px solid; }
.shopnav-tab + .shopnav-tab::before { top: 50%; margin-top: -7px; height: 14px; width: 1px; background-color: rgb(204, 204, 204); }
@media (min-width: 1260px) {
}
.shopnav-search { float: right; line-height: normal; }
.shopnav-search .place-search-input { transition: none 0s ease 0s ; width: 166px; }
.shopnav-search .place-search-input:focus { width: 166px; }
@media (min-width: 1260px) {
  .shopnav-search .place-search-input, .shopnav-search .place-search-input:focus { width: 216px; }
}
.commentbox { background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); }
.commentfilter { background-color: rgb(250, 250, 250); position: relative; color: rgb(102, 102, 102); border-bottom: 1px solid rgb(238, 238, 238); height: 43px; }
.commentfilter-item { float: left; height: 43px; line-height: 39px; padding: 0px 25px; min-width: 115px; border-right: 1px solid rgb(238, 238, 238); border-top: 3px solid transparent; color: rgb(51, 51, 51); text-align: center; cursor: pointer; }
.commentfilter-item.active { border-top: 3px solid rgb(0, 137, 220); border-bottom-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); color: rgb(0, 137, 220); }
.commentlist { padding: 0px 20px 20px 0px; }
.sidetools { position: fixed; right: 0px; top: 0px; bottom: 0px; height: 166px; margin: auto; z-index: 10; }
@media (max-height: 500px) {
  .sidetools { display: none; }
}
.sidetools-item { border: 1px solid rgb(235, 235, 235); margin-bottom: -1px; width: 40px; line-height: 38px; font-size: 18px; text-align: center; background-color: rgb(249, 249, 249); color: rgb(136, 136, 136); display: block; }
.sidetools-item.icon-arrow-up { margin-top: 5px; }
.sidetools-item:hover { color: rgb(244, 69, 72); cursor: pointer; }
.sidetools-item:hover .sidetools-qrcode { display: block; }
.sidetools-qrcode { width: 136px; height: 136px; position: absolute; top: 50%; margin-top: -68px; left: -140px; display: none; }
.shopmain { margin-top: 20px; }
.shopinfo, .shopmenu, .shoprate { float: left; width: 75%; }
.shopmain-right { float: right; width: 23.6%; }
